<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<link rel="apple-touch-icon" href="http://192.168.1.101:9009{dede:global.cfg_templets_skin/}/image/boombeach117_117.png">

<meta name="keywords" content="{dede:field.keywords/}" />
<meta name="description" content="{dede:field.description function='html2text(@me)'/}" />

<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>

<link href="{dede:global.cfg_templets_skin/}/style/index.css" rel="stylesheet" type="text/css">		
<link href="{dede:global.cfg_templets_skin/}/style/article.css" rel="stylesheet" type="text/css">

</head>
<body class="articleview">
<div style="width:0px;height:0px;overflow:hidden"><img src="{dede:global.cfg_templets_skin/}/image/null400x400.gif"></div>
<div id="mfw-main" class="">
    
	<header class="m-head">
        <a class="btn back" href="javascript:back();" id="head_return_btn"></a>
        <div class="bar-c">
			<a href="{dede:global.cfg_cmsurl/}/" class="logo"><img src="{dede:global.cfg_templets_skin/}/image/logo1.png" alt="" height="35" width="136"></a>
		</div>
		<div class="bar-c">
			<a class="search-box" href="{dede:global.cfg_cmsurl/}/plus/heightsearch.php"></a>
		</div>
    </header>
	    
		
    <article class="article" id="pnl_article">
	    <!--<header style="overflow:hidden;background-image:			url(http://file25.mafengwo.net/M00/CB/4C/wKgB4lN2zQ6AUZjcAAJY72LXUQQ95.groupinfo.w540.jpeg),url(http://images.mafengwo.net/mobile/images/default4.png);">
			<h1>云南大理丽江七日自由行~（大理篇）</h1>
		</header>-->
	    <div class="author-bar">
		    <div class="avatar"><a href="#"><img src="{dede:global.cfg_templets_skin/}/temp/wKgB4lN1huaALCNfAADwQUAroKY75.jpg" height="30" width="30"></a></div>
		    <div class="infos">
			    <p><a href="#">{dede:field.writer/}</a></p>
			    <p>{dede:field.pubdate function="MyDate('Y-m-d H:i',@me)"/}</p>
		    </div>
		    <div class="nums">
			    <span class="view">
					<script src="{dede:field name='phpurl'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript' language="javascript"></script>
				</span>
		    </div>
	    </div>

        <div style="overflow: hidden;" class="content" id="pnl_infoContent">
			{dede:field.body/}
        </div>
    </article>
	<section class="about-read">
		<div class="col-tit"><span>内容推荐</span></div>
		<div class="bd">
			 <ul class="c1 ico2">
			  {dede:arclist row=10 orderby=click}
					<dl>
						<dt><a href="[field:arcurl/]">[field:title/]</a></dt>
					</dl>

			  {/dede:arclist}
			 </ul>
		</div>
	</section>
</div>
<div class="side-btns" id="float_section" style="opacity: 0;">
	<a href="javascript:void(0);" id="gotop" class="totop"></a>
	<a href="{dede:global.cfg_cmsurl/}/" class="tohome" onclick="gohome();" id="tohome">
		<i style="display:none;"></i>
	</a>
</div>

<footer class="m-footer" data-cs-t="h5_footer_nav">
    <div class="footnav" data-cs-p="点详细">
		<a href="{dede:global.cfg_cmsurl/}">首页</a>|<a href="#">官方微信</a>
	</div>
    <div class="copyright">©2014 17gaowan.com {dede:global.cfg_beian/}</div>
</footer>

<script language="javascript" src="{dede:global.cfg_templets_skin/}/js/mobilejszeptomobilejszepto.js" type="text/javascript"></script>

<style type="text/css">
	.viewport {
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		-webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
	}

	.flipsnap {
		width: 1280px; /* 320px(item width) * 3(item count) */
	}

	.item {
		float: left;
		width: 100%;
		font-size: 50px;
		text-align: center;
	}
</style>

<script>
function insertHtmlAtCaret(html) {
	var sel, range;
	if (window.getSelection) {
		// IE9 and non-IE
		sel = window.getSelection();
		if (sel.getRangeAt && sel.rangeCount) {
			range = sel.getRangeAt(0);
			range.deleteContents();

			// Range.createContextualFragment() would be useful here but is
			// non-standard and not supported in all browsers (IE9, for one)
			var el = document.createElement("div");
			el.innerHTML = html;
			var frag = document.createDocumentFragment(), node, lastNode;
			while ((node = el.firstChild)) {
				lastNode = frag.appendChild(node);
			}
			range.insertNode(frag);

			// Preserve the selection
			if (lastNode) {
				range = range.cloneRange();
				range.setStartAfter(lastNode);
				range.collapse(true);
				sel.removeAllRanges();
				sel.addRange(range);
			}
		}
	} else if (document.selection && document.selection.type != "Control") {
		// IE < 9
		document.selection.createRange().pasteHTML(html);
	}
}
</script>

<script>
var showFloat = false;
$('#float_section').css('opacity', 0);
$('#float_section').show();
$('#gotop').on('click', function(){
	window.scrollTo(0, 0);
});
$(function(){
	$(window).on('scroll', function(){
		if($(window).scrollTop() > 300){
			if(showFloat) return;
			showFloat = true;
			$('#float_section').animate({
				opacity: 1
			}, 500, 'ease-out');
		}
		if($(window).scrollTop() <= 300){
			if(!showFloat) return;
			showFloat = false;
			$('#float_section').animate({
				opacity:0
			}, 500, 'ease-out');
		}
	});
});
</script>

</body>
</html>
